<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="${ctx}/css/common.css" />
	<jsp:include page="../inc.jsp"></jsp:include>
	<jsp:include page="../head.jsp"></jsp:include>
<meta http-equiv="X-UA-Compatible" content="edge" />
<title>充值记录列表查询页面</title>
<style>
	input{
		width:120px;
		height:18px;
		border:1px solid #77b2e0;
		border-radius: 3px;
	}
	select{
		height:20px;
		border:1px solid #77b2e0;
		border-radius: 3px;
		}
	.searchBox{
		width:1100px; 
		height:50px;
		margin-top:15px;
		margin-left:5px;
	}
	.searchBox li{
		float:left;
		margin-left:3px;
	}
	.tableOntab td{
		height:37px;
		border-right:none;
	}
	.tableOntab .borderNone{
		border-bottom:none;
	}
	.mynewBtn{
		margin-left:90px;
	}
</style>
<script type="text/javascript">
$(function(){
	//加载表格信息
	dataGrid = $('#table').datagrid({
		url:'${ctx}/withdrawal/selectRechargeRecord?temp='+Math.random(),
		width:1000,
		striped : true,
		singleSelect : true,
		idField : 'flightIdList',
		pageList : [5,10,20],
		//sortName : 'id',
		//sortOrder : 'asc',
		method : 'get',
		toolbar:'#toolbar',
		pagination:true,
		queryParams: {
			toStartDate: '${message.startTime}',
			status: '${message.status}'
		},
		columns:[[{
			width : '150',
			title : '充值单号',
			align : 'center',
			field : 'payOrderNumber'
		},{
			width : '130',
			title : '创建时间',
			align : 'center',
			field : 'createTime'
		},
		{
			width : '130',
			title : '充值金额',
			align : 'center',
			field : 'income',
			formatter : function(value,row){
				return CommonConverter.formatMoney(row.income);
			}
		},{
			width : '100',
			title : '状态',
			align : 'center',
			field : 'status',
			formatter : function(value,row){
				return CommonConverter.toRechargestr(row.status);
			}
		},{
			width : '120',
			title : '操作人',
			align : 'center',
			field : 'name'
		
		},{
			width : '120',
			title : '备注',
			align : 'center',
			field : 'remark'
		}] ]
	});
	//点击查询 重新加载列表
	$("#query").click(function(){
		//获取参数
		var payOrderNumber=$("#_orderNumber").val();
		var toStartDate=$("#_startTime").datebox('getValue');
		var toEndDate=$("#_endTime").datebox('getValue');
		$('#table').datagrid('load',{"payOrderNumber":payOrderNumber,"toStartDate":toStartDate,"toEndDate":toEndDate,"temp":Math.random()});
		$('#table').datagrid('unselectAll');//清除全选
	});
});

</script>
</head>
<body>
	<div>
		<div>
			<ul class="searchBox">
				<li>充值单号：<input style='width:120px;' class="easyui-textbox" id="_orderNumber" /></li>
				<li>充值申请时间 ：<input class="easyui-datebox" id="_startTime"
					style="width: 120px" /> 至&nbsp;<input class="easyui-datebox"
					id="_endTime" style="width: 120px" /></li>
				<li>
				<li><button class='query' id="query">查询</button></li>
			</ul>
		</div>
		<div >
			<table id="table" class="easyui-datagrid"></table>
		</div>
	</div>
	<jsp:include page="../footer.jsp"></jsp:include>
</body>
</html>